﻿<div class="page-body">
    <div class="row">
        <div class="col-xs-12 col-md-12">
            <div class="widget">
                <div class="widget-header ">
                    <span class="widget-caption">会员充值收入</span>
                    <div class="widget-buttons">
                        <a href="#" data-toggle="maximize">
                            <i class="fa fa-expand"></i>
                        </a>
                        <a href="#" data-toggle="collapse">
                            <i class="fa fa-minus"></i>
                        </a>
                        <a href="#" data-toggle="dispose">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="widget-body">
                    <div class="table-toolbar">
                        <form method="get" action="{:U('index')}" class="form-inline" role="form">
                            <div class="form-group">
                                <span class="input-icon" style="width: 200px;">
                                    <input type="text" class="form-control input-sm" placeholder="ID（流水号）,会员卡号"
                                           name="keywords" value="{$Think.get.keywords}">
                                    <i class="glyphicon glyphicon-search blue"></i>
                                </span>
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                    </span>
                                    <input type="text" class="form-control active" name="interval_time" id="interval_time" value="{$Think.get.interval_time}">
                                </div>
                                <button type="submit" class="btn btn-info">搜索</button>
                                <button type="submit" class="btn btn-danger" name="execl" value="1">导出筛选</button>
                            </div>
                        </form>
                    </div>

                    <table class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th>
                                ID/会员卡
                            </th>
                            <th>
                                用户
                            </th>
                            <th>
                                会员卡信息
                            </th>
                            <th>
                                支付信息
                            </th>
                            <th>
                                发生时间
                            </th>
                            <th>

                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        <volist name="data" id="vo">
                            <tr>
                                <td>
                                    {$vo.deposit_id}<br>
                                    会员卡:{$vo.card.card_id}
                                </td>
                                <td>
                                    {$vo.user.nickname}<br>
                                    <a class="show_headimg">显示头像<img src="{$vo.user.headimgurl}" height="100"></a><br>
                                </td>
                                <td>
                                    卡号：{$vo.card.card_id}<br>
                                    手机号：{$vo.card.mobile}<br>
                                    到期时间：{$vo.card.expire_time}
                                </td>
                                <td>
                                    应付：{$vo.pay.money}<br>
                                    实付：{$vo.pay.money_real}<br>
                                    找零：{$vo.pay.money_zero}<br>
                                    {$vo.pay.summary}
                                </td>
                                <td>
                                    {$vo.create_time}
                                </td>
                                <td>
                                    <eq name="vo.is_refund" value="0">
                                        <a class="btn btn-danger btn-xs modify-btn" href="/index/Refund/index/id/{$vo.deposit_id}/type/2">
                                            退款
                                        </a>
                                        <else/>
                                        已退款
                                    </eq>
                                </td>
                            </tr>
                        </volist>
                        </tbody>
                    </table>
                    {$page}
                    <form class="form-inline" method="post">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon">设置页码</div>
                                <input class="form-control" type="text" placeholder="" name="p" value="{$Think.get.p}" style="width: 60px;">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/admin/js/datetime/moment.js"></script>
<script src="/admin/js/datetime/daterangepicker.js"></script>
<script>

    $('#interval_time').daterangepicker({
        format: "YYYY-MM-DD",
        separator: "~",
        locale: {
            applyLabel: '确定',
            cancelLabel: '取消',
            fromLabel: '开始时间',
            toLabel: '结束时间'
        }
    });

</script>